<!DOCTYPE html>
<html>
    <head>
      <meta charset="uft-8" />
      <link rel="stylesheet" type="text/css" href="1.css">
      <style>
       #d{
        min-height: 20px;
        min-width: 1400px;
       }
       #g{
        min-height: 20px;
        min-width: 1400px;
       }
       th{
        width: auto;
        height: auto;
       }
       #j{
        min-height: 20px;
        min-width: 1400px;
       }
      </style>
    </head>
    <body background="000.png">
      <header>
        <img src="333.jpg" width="1440" height="550" >
         <ul id="d">
            <li><a href="https://www.baidu.com/">百度</a></li>
            <li><a href="https://www.w3school.com.cn/">W3school</a></li>
            <li><a href="https://www.runoob.com">菜鸟教程</a></li>
         </ul>
      </header>
      <main>
        <div id="g">
        <form>
        <table border="1">
          <tbody>
            <caption>This is a beautiful table</caption>
            <tr>
                <th>映画</td>
                <th>万圣节的新粮</td>
                <th>绯色的子弹</td>
                <th>绀青之拳</td>
                <th>零的执行官</td>
                <th>唐红的恋歌</td>
                <th>纯黑的噩梦</td>
                <th>业火的傀儡</td>
                <th>异次元的狙击手</td>
                <th>绝海的侦探</td>
                <th>第11位前锋</td>
                <th>沉默的15分钟</td>
                <th>天空的遇难船</td>
                <th>漆黑的追踪者</td>
                <th>战栗的乐谱</td>
                <th>绀碧之馆</td>
                <th>侦探的镇魂歌</td>
                <th>水平线的阴谋</td>
                <th>银翼的魔术师</td>
                <th>迷宫的十字路口</td>
                <th>贝克街的亡灵</td>
                <th>通往天国的倒计时</td>
                <th>瞳孔中的暗杀者</td>
                <th>世纪末的魔术师</td>
                <th>第十四个目标</td>
                <th>引爆的摩天楼</td>
            </tr>
            <tr>
              <th rowspan="2">上映年份&是否看过</th>
              <td>2022</td>
              <td>2020</td>
              <td>2019</td>
              <td>2018</td>
              <td>2017</td>
              <td>2016</td>
              <td>2015</td>
              <td>2014</td>
              <td>2013</td>
              <td>2012</td>
              <td>2011</td>
              <td>2010</td>
              <td>2009</td>
              <td>2008</td>
              <td>2007</td>
              <td>2006</td>
              <td>2005</td>
              <td>2004</td>
              <td>2003</td>
              <td>2002</td>
              <td>2001</td>
              <td>2000</td>
              <td>1999</td>
              <td>1998</td>
              <td>1997</td>
            </tr>
            <tr>
              <td>否</td>
              <td>否</td>
              <td>否</td>
              <td>是</td>
              <td>是</td>
              <td>是</td>
              <td>是</td>
              <td>是</td>
              <td>是</td>
              <td>是</td>
              <td>是</td>
              <td>是</td>
              <td>是</td>
              <td>是</td>
              <td>是</td>
              <td>是</td>
              <td>是</td>
              <td>是</td>
              <td>是</td>
              <td>是</td>
              <td>是</td>
              <td>是</td>
              <td>是</td>
              <td>是</td>
              <td>是</td>
            </tr>
            <tr>
              <th rowspan="2">年票房&某瓣评分</th>
              <td>暂无</td>
              <td>76.5亿日元</td>
              <td>93.7亿日元</td>
              <td>91.8亿日元</td>
              <td>68.9亿日元</td>
              <td>63.3亿日元</td>
              <td>44.8亿日元</td>
              <td>41.1亿日元</td>
              <td>36.3亿日元</td>
              <td>32.9亿日元</td>
              <td>31.4亿日元</td>
              <td>32.0亿日元</td>
              <td>35.0亿日元</td>
              <td>24.2亿日元</td>
              <td>25.3亿日元</td>
              <td>30.3亿日元</td>
              <td>25.1亿日元</td>
              <td>28.0亿日元</td>
              <td>32.0亿日元</td>
              <td>34.0亿日元</td>
              <td>29.0亿日元</td>
              <td>25.0亿日元</td>
              <td>26.0亿日元</td>
              <td>18.5亿日元</td>
              <td>11.0亿日元</td>
            </tr>
            <tr>
              <td>暂无</td>
              <td>6.0</td>
              <td>5.9</td>
              <td>5.8</td>
              <td>6.7</td>
              <td>6.2</td>
              <td>5.8</td>
              <td>6.7</td>
              <td>6.4</td>
              <td>6.2</td>
              <td>6.6</td>
              <td>7.4</td>
              <td>7.4</td>
              <td>7.1</td>
              <td>6.8</td>
              <td>7.8</td>
              <td>7.6</td>
              <td>8.0</td>
              <td>8.4</td>
              <td>9.0</td>
              <td>8.6</td>
              <td>8.3</td>
              <td>8.5</td>
              <td>7.9</td>
              <td>8.3</td>
            </tr>
            
          </tbody>
        </table>
      </form>
    </div>
        <P id="j">图片展示区</P>
        <div>
          <img src="555.jpeg" width="380" height="260" style="float:left;margin:10px"><span>江戸川コナン、もともと高校生だったが、悪党に毒を飲まされて子供になった。体は小さくなったが、頭は元の名探偵で、どんなに難しいことでも私を倒すことはできない。</span>
          <img src="666.jpg" width="290" height="260" style="float:left;margin:10px"><span>腹部平次、大阪改方学園高等部2年生、関西の高校生名探偵、工藤新一と並び「関東の工藤、関西の服部」。</span>
          <img src="777.jpg" width="290" height="267" style="float:left;margin:10px"><span>降谷零、仮名は安室透、表面職業は私立探偵、ポアロカフェの従業員、正体は日本公安警察のために黒ずくめの組織の潜入に派遣され、組織のコードネーム「バーボン」。</span>
        </div>
        <div>
          <img src="888.jpg" width="380" height="260" style="float:left;margin:10px"><span>毛利小五郎、小五郎はもともと愚かな探偵だったが、よく寝姿で事件を推理し、しばしば奇事件を解決したため、業界では「眠る小五郎」と呼ばれている。</span>
          <img src="111.jpg" width="300" height="250" style="float:left;margin:10px"><span>赤井秀一は、狙撃能力、推理能力、情報収集分析能力が非常に強く、「諸星大」と偽名して黒衣組織に潜入し、「ライ麦ウイスキー」のコードネームを獲得し、組織から「銀色の弾丸」と呼ばれていた。</span>
          <img src="222.jpg" width="280" height="260" style="float:left;margin:10px"><span>怪盗キッド、初代は黒羽盗一、2代目は黒羽快斗、別訳は怪盗小僧、怪盗キッド、本名は「怪盗1412号」</span>
        </div>
      </main>
     <footer>
      <p>名探偵コナン</p>
      <footer>
    </body>
</html>